<?php include("header.php"); ?>

<!--Main Contents Starts-->
<div id="contents">
	<section class="left listings">
    	<h1>South West</h1>
	    <div class="city">Bristol</div>
        <article>
        	<span class="group-left">
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Dorset</a></li>
		        	<li><a href="#">City</a></li>
		        	<li><a href="#">Somerset</a></li>
		        	<li><a href="#">Wiltshire</a></li>
		        </ul>
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Dorset</a></li>
		        </ul>
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Somerset</a></li>
		        	<li><a href="#">Wiltshire</a></li>
		        </ul>
            </span>
            <span class="group-right">
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Dorset</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Dorset</a></li>
		        	<li><a href="#">Dorset</a></li>
		        </ul>
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        </ul>
		        <ul>
		        	<li><a href="#">Bristol</a></li>
		        	<li><a href="#">Cornwall</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Devon</a></li>
		        	<li><a href="#">Dorset</a></li>
		        </ul>
            </span>
            <a href="#" class="change-city">Change City</a>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
        </article>
    </section>
    
	<section class="center listings-center">
    	<h4>Monday 17 October <span>See ads by: <a href="#">Date added</a> | <a href="#">Price</a></span></h4>
        <ul>
        	<li class="feature-listing"><img src="images/item.png" alt="" title="Listing Item" />
            	<span class="detail">
        			<p class="heading-title"><a href="#">Alfa Romeo 14 inch Alloys with ....</a></p>
        			<p class="location">West End</p>
        		</span>
        		<span class="feature">Featured Ad <img src="images/help-icon.png" alt="" title="Listings Title" /></span>
        		<span class="price">$142.00<br /><img src="images/star-icon.png" alt="" title="Listings Title" /></span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
            </li>
        	<li><img src="images/item.png" alt="" title="Listing Item" />
            	<span class="detail">
        			<p class="heading-title"><a href="#">Alfa Romeo 14 inch Alloys with ....</a></p>
        			<p class="location">West End</p>
        		</span>
        		<span class="feature">Featured Ad <img src="images/help-icon.png" alt="" title="Listings Title" /></span>
        		<span class="price">$142.00<br /><img src="images/star-icon.png" alt="" title="Listings Title" /></span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
            </li>
        	<li class="feature-listing"><img src="images/item.png" alt="" title="Listing Item" />
            	<span class="detail">
        			<p class="heading-title"><a href="#">Alfa Romeo 14 inch Alloys with ....</a></p>
        			<p class="location">West End</p>
        		</span>
        		<span class="feature">Featured Ad <img src="images/help-icon.png" alt="" title="Listings Title" /></span>
        		<span class="price">$142.00<br /><img src="images/star-icon.png" alt="" title="Listings Title" /></span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
            </li>
        	<li><img src="images/item.png" alt="" title="Listing Item" />
            	<span class="detail">
        			<p class="heading-title"><a href="#">Alfa Romeo 14 inch Alloys with ....</a></p>
        			<p class="location">West End</p>
        		</span>
        		<span class="feature">Featured Ad <img src="images/help-icon.png" alt="" title="Listings Title" /></span>
        		<span class="price">$142.00<br /><img src="images/star-icon.png" alt="" title="Listings Title" /></span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
            </li>
        	<li><img src="images/item.png" alt="" title="Listing Item" />
            	<span class="detail">
        			<p class="heading-title"><a href="#">Alfa Romeo 14 inch Alloys with ....</a></p>
        			<p class="location">West End</p>
        		</span>
        		<span class="feature">Featured Ad <img src="images/help-icon.png" alt="" title="Listings Title" /></span>
        		<span class="price">$142.00<br /><img src="images/star-icon.png" alt="" title="Listings Title" /></span>
    		<div class="height_increaser"></div><!-- Just to increase height automatically -->
            </li>
        </ul>
    </section>
	
    <section class="right">
    	<article></article>
    	<article></article>
    </section>
    <div class="height_increaser"></div><!-- Just to increase height automatically -->
</div>
<!--Main Contents Ends-->

<?php include("footer.php"); ?>
